Stefanius67 / Formgenerator

class FormPicker

{

	/**

	 * pass the id of the form element to the constructor.

	 * @param string id

	 */

    constructor(config) 

	{

        this.config = config;

        this.aPickers = [];

    }

	/**

	 * Init all date fields.

	 */

    init() 

	{

        var i;

        var aPickerElements = this.getPickerElements();

        var length = aPickerElements.length;

        for (i = 0; i < length; i++) {

			// since getPickerElements() only return existing items with 'data-picker' attribute

			// there's no need to check this values against null

			let item = aPickerElements[i];

            let picker = item.getAttribute('data-picker');

            // we can't use the split function because the param may contain the ':' itself (time-separator...)

			// let [type, param] = validate.split(':');

            let pos = picker.indexOf(':');

            let type = (pos >= 0) ? picker.substring(0, pos) : picker;

            let param = (pos >= 0) ? picker.substring(pos + 1) : '';

            this.createPicker(item, type, param);

        }

    }

	/**

	 * Get all elements inside the form with the attribute 'data-picker' set.

	 * @returns array

	 */

    getPickerElements() 

	{

        let pickerElements = [];

        let form = document.getElementById(this.config.FormDataValidation.formID);

        let formElements = form.getElementsByTagName('*');

        let length = formElements.length;

        for (let i = 0; i < length; i++) {

            if (formElements[i].getAttribute('data-picker') !== null) {

                pickerElements.push(formElements[i]);

            }

        }

        return pickerElements;

    }

	/**

	 * Create the picker and attach to the item.

     * @param element oItem item to create the picker for

     * @param string strType 'date' or 'time'

     * @param string strParam time/date format for the picker to create

	 */

    createPicker(oItem, strType, strParam) 

	{

        let cfg = {};

        if (typeof this.config.DTSel !== 'undefined') {

            Object.assign(cfg, this.config.DTSel); 

        }

        if (strType === 'date') {

            cfg.showDate = true;

            cfg.showTime = false;

            cfg.dateFormat = strParam;

        } else if (strType === 'time'){

            cfg.showDate = false;

            cfg.showTime = true;

            cfg.timeFormat = strParam;

            cfg.showSeconds = (strParam.length > 5 );

        }

        this.aPickers.push(new dtsel.DTS(oItem, cfg));

    }

}